@charset "utf-8";
/* CSS Document */
.title{text-align:center;position:relative;}
.title p{color:#888;margin:0;padding:0;line-height:24px;font-size:14px;position:absolute;}
.title p a{color:#ff3300;text-decoration:underline;}
.layer_1{background:url(../images/product-bg.jpg) no-repeat center fixed;padding-bottom: 50px;}
.layer_1 .title p{left:209px;bottom:39px;}
.layer_1 ul{width:1118px;}
.layer_1 ul li{float:left;width:365px;margin:0 3.5px 7px;padding:15px;box-sizing:border-box;border:1px solid #cfcfcf;border-radius:5px;background:url(../images/product_bg.png) repeat-x;background-color: #fff;}
.layer_1 ul li h3{font-size:20px;color:#000;text-align:center;}
.layer_1 ul li h5{font-family:arial;color:#000;text-align:center;line-height:20px;}
.layer_1 ul li .line{width:46px;height:1px;background:#565656;margin:0 auto 11px auto;}
.layer_1 ul li .feature{font-size:14px;color:#ff3300;line-height:40px;}
.layer_1 ul li .application{font-size:16px;color:#2a2a2a;font-weight:bold;line-height:24px;}
.layer_1 ul li .desc{line-height:22px;color:#2a2a2a;}
.layer_1 ul li .desc span{float: left;margin:0 3px;font-size: 15px;font-weight: bold;}

.layer_2{
	background:url(../images/layer_2.jpg) no-repeat center top;height:542px;}
.layer_2 .main{position: relative;}
.layer_2 .main .layer_2_img1_mobile{display: none;}
.layer_2 .main .layer_2_img2_mobile{display: none;}
.layer_2 .main .contact{color: #363636;line-height:24px;font-size: 16px;position: absolute;text-align: center;top: 110px;left: 125px;}
.layer_2 .main .contact a{color:#ff3300;text-decoration: underline;}
.layer_2 .main .brief{font-size: 14px; color: #363636;line-height: 25px;position: absolute;top: 234px;}
.layer_2 .main .brief .more{
color: #ff3300;
text-decoration: underline;
}
.layer_2 .main .block{position: absolute;top: 375px;width:50%;}
.layer_2 .main .block li{display: block;float: left;line-height: 35px;width: 160px;text-align: center;color:#ff3300;font-size: 16px;font-weight: bold;margin-right: 18px;margin-bottom:16px;}
.layer_2 .i-about-video{position: absolute;margin-top: 40px;border: solid #fff;border-width: 9px 8px;box-shadow: 0px 0px 8px 0px rgb( 220, 220, 220 );width: 450px;top: 140px;right: 0;}
.layer_2 .i-about-video img{display: block;max-width: 100%;}
.layer_2 .i-about-video iframe{position: absolute;display: none;left: 0;top: 0;width: 100%;height: 100%;}
.layer_3 .title p{left: 209px;bottom: 18px;}
/*焦点图*/
.focus{ position:relative; width:400px; height:250px; border:5px solid #d0d0d0; float: left; margin-top:35px;}  
.focus img{ width: 100%;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#de5f18;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:400px; position:absolute; bottom:22px; left:26px; z-index:10; height:65px; line-height: 44px; background:rgba(0,0,0,0.6);   display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:15px;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:30px; left:36px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#fff;text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ff3300;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.layer_3,.layer_4{background:url(../images/layer_3.jpg) 0 20px repeat-x;}
.layer_3 .newslist{float:right;width:650px;}
.layer_3 .newslist .more{text-align:right;height:50px;line-height:50px;}
.layer_3 .newslist ul li{height:87px;margin-bottom:20px;border-bottom:1px dashed #d1d1d1;}
.layer_3 .newslist ul li i{font-family:arial;float:left;width:70px;height:75px;text-align:center;line-height:75px;font-size:65px;color:#555;font-style:normal;border-left:5px solid #fff;}
.layer_3 .newslist ul li:hover i{border-left:5px solid #ff3300;}
.layer_3 .newslist ul li .word{float:right;width:575px;line-height:25px;}
.layer_3 .newslist ul li .word a{display:block;color:#000;font-weight:bold;}
.layer_3 .newslist ul li .word a span{float:right;color:#666;font-weight:normal;}
.layer_3 .newslist ul li .word .desc{color:#666;}
.layer_4{background: url(../images/layer_4.jpg) 0 20px repeat-x;background-color: #f9f9f9;padding-bottom: 60px;}

@media screen and (min-width:320px) and (max-width: 415px){
	.hidden-xs{display: none;}
    .title p{display: none;}
	.title img{width: 40%;}
	.layer_1{background-position:0 -1.5rem;}
    .layer_3{background-position: 0 -.5rem;}
	.layer_1 ul{width: 100%;position: relative;margin-top: -2rem;}
	.layer_1 ul li{width: 95%; float: none;margin: 0 auto .5rem auto;min-height: auto;}
	.layer_1 ul li .pic img{width: 100%;}
	.layer_2{height: 600px;
    background-size: 600%;background-position-y: -20px;}
	.layer_2 .layer_2_img{display: none;}
	.layer_2 .main .layer_2_img1_mobile{display: block;width: 40%;margin: 0 auto;}
	.layer_2 .main .layer_2_img2_mobile{display: block;width: 100%;}

	.layer_2 .main .contact{display: none;}
	.layer_2 .main .brief{position: relative;
    top: 10px;
    width: 95%;
    margin: 0 auto;}
    .layer_2 .main .brief br{display: none;}
    .layer_2 .main .block{position: relative;
    top: 180px;
    width: 95%;
    margin: 0 auto;}
    .layer_2 .main .block li{width: 45%;margin:.47rem;}
    .layer_2 .i-about-video{max-width: 90%;top:80px;box-sizing: border-box;left: 50%;transform: translateX(-50%);}
    .layer_2 .i-about-video img{display: none;}
    .layer_2 .i-about-video iframe{position:relative;display: block;}
    .focus{    width: 95%;
    margin: -25px auto;border:none;height: 242px;
    float: none;}
    .focus .fcon img{width: 100%;height: auto;}
    .focus .prev, .focus .next{display: none;}
    .layer_3 .newslist{width: 100%;}
    .layer_3 .newslist ul li{height: auto;border:none;}
    .layer_3 .newslist .clear{border-bottom: 1px dashed #d1d1d1;}
    .layer_3 .newslist ul li i{width: 20%;box-sizing: border-box;}
    .layer_3 .newslist ul li .word{width: 77%;float: left;}
}
@media screen and (max-width:320px) {
	.layer_1,.layer_3{background-position:0 -3rem;}
	.layer_2{height: 542px;}
}
@media screen and (min-width:414px) and (max-width:415px) {
	.layer_1,.layer_3{background-position:0 -2rem;}
	.layer_2{height: 620px;}
	.layer_3 .newslist{margin-top: 20px;}
}